
.ant-table-thead > tr >th{
  font-size: 18px;
}
.ant-table-tbody > tr > td{
  font-size: 18px;
  text-align: center;
}
.ant-list{
    text-align: center;
    font-size: 18px !important;
 }
.ant-list-bordered{
  border: 0px solid #d9d9d9 !important;
 }
.ant-list-item{
  display: block !important;
 }
.studentlistUnIn-item{
    color: red;  
 }
.studentlistIn-item{
    color: green;  
}
.studentlistUnOut-item{
   color: red;  
}
.studentlistOut-item{
  color: green;  
}
 
.title{
  margin-top: 15px;
  text-align: center;
  font-size: 19px;  
  font-weight: Bold;
}
.numTag{
    justify-content: center;
    margin-top: 5px;
    display: flex;
  }
  .numTag2{
    justify-content: center;
    margin-top: 10px;
    display: flex;
  }
.numTag-user{
      color: rgb(32, 28, 28);
      font-size: 18px;
      font-weight: 500;
      padding: 1px 10px 1px 10px;
      margin: 10px -5px 0px 10px;
      border-radius: 5px;
      background-color:#D3E6F3;
}
.numTag-time{
  color: rgb(32, 28, 28);
  font-size: 18px;
  font-weight: 500;
  padding: 1px 10px 1px 10px;
  margin: 7px 8px;
  border-radius: 5px;
  background-color:white;
}
.echart-detail{
  display: flex;
}
.detail{
    margin: auto;
    font-size: 18px;
    color: green
}
.echart-content{
    width:410px ;
    height: 300px;
    box-shadow: 0px 1px 0px #c0c3c5;
    margin-bottom: 15px;
    margin-top: 15px;
  }
  .echart-title{
    height: 27px;
    width: 235px;
    margin-left: 15px;
    color: rgb(32, 28, 28);
    font-size: 18px;
    font-weight: 500;
    padding: 0px 4px 1px 10px;
    border-radius: 5px;
    background-color: #E1E4E6;
  }
  .chartContent{
    width: 800px;
    height: 25rem;
    margin: 16px auto;
  }